em,i{font-style: normal;}

html {font-size: 10px;-webkit-text-size-adjust: none;}
@media screen and (min-width: 1200px) {html {font-size: 12.5px;}}
@media screen and (min-width: 1280px) {html {font-size: 13.33px;}}
@media screen and (min-width: 1366px) {html {font-size: 14.22px;}}
@media screen and (min-width: 1440px) {html {font-size: 15px;}}
@media screen and (min-width: 1600px) {html {font-size: 16.66px;}}
@media screen and (min-width: 1920px) {html {font-size: 20px;}}

 
.banner{position: relative; height:auto;clear: both;}
.banner img {display: block;width: 100%;margin:0 auto;}
.banner .slick-arrow {position: absolute;font-size: 0;top: 50%;z-index: 9; width: 80px; height: 80px; margin-top: -50px;border: 0; outline: none;cursor: pointer;transition:.8s;}
.banner .slick-prev {left: 1%; background:url(../images/lefts.png) no-repeat center center;opacity: 0;}
.banner .slick-next {right: 1%;background:url(../images/rights.png) no-repeat center center;opacity: 0;}   
.banner:hover .slick-prev { left: 2%; opacity: .8; }
.banner:hover .slick-next { right: 2%; opacity: .8; }
.slick-dots {position: absolute;left:5%; font-size:0;bottom:5%;width:90%;text-align: center;outline: none;z-index: 4;}
.slick-dots li {display: inline-block;margin: 0 4px; outline: none;}
.slick-dots li button {display: block;border: 0 none;width: 15px;height: 15px;border-radius: 15px;margin-right:5px; display: inline-block;outline: none;background:rgba(255, 255, 255, 1); transition: .5s; color:rgba(255, 255, 255, .0); cursor:pointer}
.slick-dots .slick-active button {background:rgba(0, 88, 170, 1);width: 15px; color:rgba(0, 88, 170, 1)}